<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最世界</title>
	<link rel="stylesheet" type="text/css" href="./stylesheets/reset.css">
	<link rel="stylesheet" type="text/css" href="./stylesheets/home.css">
	<link rel="stylesheet" type="text/css" href="./stylesheets/swiper-3.3.1.min.css">
	<script type="text/javascript" src="./javascripts/swiper-3.3.1.min.js"></script>
	<script type="text/javascript" src="./javascripts/jquery-1.11.2.js"></script>
</head>
<body>
	<header>
			<a>
				<img src="//static.qyer.com/models/common/component/headfoot/icon/logo_116x36.png"/ width="58" height="18">
			</a>
			<ul>
				<li><a href="">目的地</a></li>
				<li><a href="">锦囊</a></li>
				<li><a href="">行程助手</a></li>
				<li><a href="">社区<i class="iconfont a_arrows"></i></a></li>
				<li><a href="" style="color:#10B041;">最世界·自由行</a></li>
				<li><a href="">机票</a></li>
				<li><a href="">酒店</a></li>
				<li><a href="">预订<i class="iconfont a_arrows"></i></a></li>
			</ul>
			<div class="hea_inp">
				<input type="text" />
				<button>
					<i class="iconfont hea_inp_but"></i>
				</button>
			</div>
			<div class="mode">
				<span class="mode_span"></span>
				<div class="mode_div">
					<i class="iconfont qq"></i>
					<i class="iconfont xinlang"></i>
					<i class="iconfont weixin"></i>
					<a href="">登陆</a>
					<a href="">注册</a>
				</div>
				
			</div>
		</header>

	<!-- header_search -->
	<div class="h_search">
		<div class="search_con">
			<a href="###" class="sear_con_logo">
				<img src="images/h_search01.png" alt="最世界">
			</a>
			<form action="/" method="get">
				<input type="text" placeholder="搜索国家、城市、产品" class="form_text">
				<p class="form_line"></p>
				<input type="submit" value="搜索" class="form_submit">
				<p class="form_p"><span></span>搜索</p>
			</form>
			<img src="images/h_search02.png" class="sear_con_app">
		</div>
	</div>
	
	<!-- home_nav -->
	<div class="home_nav">
		<ul>
			<li class="home_nav_list active">
				<a href="#">首页</a>
			</li>
			<li class="home_nav_list">
				<a href="#">机酒自由行</a>
			</li>
			<li class="home_nav_list">
				<a href="#">城市玩乐
					<em>
						<img src="images/home_nav_tag.gif">
					</em>
				</a>
			</li>
			<li class="home_nav_list">
				<a href="#">签证</a>
			</li>
			<li class="home_nav_list">
				<a href="#">租车自驾</a>
			</li>
			<li class="home_nav_list">
				<a href="#">游轮</a>
			</li>
			<li class="home_nav_list">
				<a href="#">海岛游</a>
			</li>
			<li class="home_nav_list">
				<a href="#">限时特卖</a>
			</li>
			<li class="home_nav_list">
				<a href="#">特色线路</a>
			</li>
			<li class="home_nav_list">
				<a href="#">CityWalk</a>
			</li>
		</ul>
	</div>

	<!-- home_banner -->
	<div class="home_banner">
		<div class="ban_swiper">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="images/banner1.jpg"></div>
		            <div class="swiper-slide"><img src="images/banner2.jpg"></div>
		        </div>
		        <!-- 分页器 -->
		        <div class="swiper-pagination"></div>
		    </div>
		</div>
		<div class="home_cate">
			<ul class="cate_list">
				<%for(var i = 0,len = menu.length;i < len;i++){%>
					<li class="cate_item">
						<p class="cate_item_icon">
							<span class="icon_<%=i%>">
							</span>
						</p>
						<h2><%=menu[i].title%></h2>
						<p class="cate_item_subtitle">
							<%for(var j = 0,l = menu[i].mainCity.length ;j < l;j++){%>
						       <a href="#"><%=menu[i].mainCity[j]%></a>
					        <%}%>
						</p>
						<p class="cate_item_arrow">
							<span></span>
						</p>
					</li>
				<%}%>
			</ul>
			<div class="cate_cons"  style="display:none">
				<!-- 悬浮框有城市的6个 -->
				<%for(var m = 0;m < 5;m++){%>
				<div class="cate_con" style="display:none">
					<div class="cate_con_column">
						<%for(var i = 0,len = menu[m].moreCity.length;i < len;i++){%>
						<div class="cate_con_place">
							<h2><%=menu[m].moreCity[i].cityName%></h2>
							<ul class="cate_con_list">
							<%for(var j = 0,s = menu[m].moreCity[i].items.length;j < s;j++){%>
								<li><a href="#"><%=menu[m].moreCity[0].items[j]%></a></li>
							<%}%>
							</ul>
					    </div>
					    <%}%>
					    <p class="cate_con_ztpic">
							<a href="#"><img src="<%=menu[m].moreCityImg%>"></a>
						</p>
				    </div>
				</div>
				<%}%>
				<!-- 悬浮框“主题推荐” -->
				<div class="cate_con" style="display:none">
					<div class="cate_con_column">
						<div class="cate_con_sub">
							<h2><%=menu[5].moreCity[0].cityName%></h2>
							<ul class="cate_con_list clearfix">
							<%for(var j = 0,s = menu[5].moreCity[0].items.length;j < s;j++){%>
								<li>
									<a href="#">
										<img src="<%=menu[5].moreCity[0].items[j]%>">
									</a>
								</li>
								<%}%>
							</ul>
						</div>
					</div>
				</div>
				<div class="cate_con">
				    <!-- 悬浮框左半部分 -->
					<div class="cate_con_column">
						<%for(var i = 0,len = menu[6].moreCity.length;i < len;i++){%>
						<div class="cate_con_place">
							<h2><%=menu[6].moreCity[i].cityName%></h2>
							<ul class="cate_con_list">
							<%for(var j = 0,s = menu[6].moreCity[i].items.length;j < s;j++){%>
								<li><a href="#"><%=menu[6].moreCity[0].items[j]%></a></li>
							<%}%>
							</ul>
					    </div>
					    <%}%>
					    <p class="cate_con_ztpic">
							<a href="#"><img src="<%=menu[6].moreCityImg%>"></a>
						</p>
				    </div>
				</div>
			</div>
		</div>
	</div>

	<!-- 轮播下四张图 -->
		<div id="f_imgs">
			<ul>
				<li><a href=""><img src="images/ad_r1.jpg"></a></li>
				<li><a href=""><img src="images/ad_r2.jpg"></a></li>
				<li><a href=""><img src="images/ad_r3.jpg"></a></li>
				<li><a href=""><img src="images/ad_r.jpg"></a></li>
			</ul>
		</div>
		<!-- 限时特卖 -->
		<div id="lim_box">
			<div id="lim_sales">
				<div class="lim_title">
					<h2>限时特卖</h2>
					<p>每日必看的特价精选</p>
					<p>
						<span></span>
						<span>换一换</span>
					</p>
				</div>
				<div class="lim_cont">
					<div class="lim_contbox">
						<ul>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim2.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim3.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
							<li>
								<a href="">
									<img src="images/lim1.jpg">
									<h3>【限时秒杀】北京直飞香港5天往返含税机票</h3>
									<p><em>889</em>元起</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 机酒自由行 -->
		<div id="palne_wine">
			<div class="p_w_box">
				<div class="p_w_title">
					<h2>机酒自由行</h2>
					<p>精选全球最优质机票、酒店、邮轮等旅行产品</p>
					<ul class="p_w_menu z-tab">
						<%for(var i = 0,len = freeWalk.length;i < len;i++){%>
						<li><%=freeWalk[i].title%></li>
						<%}%>
					</ul>
				</div>
				<div id="p_w_cont">
					<%for(var j = 0,len = freeWalk.length;j < len;j++){%>
					<ul>
						<li id="pw_imp">
							<a href="">
								<img src="<%=freeWalk[j].data[0].imgUrl%>">
								<div class="imp_po1">
									<p>机+酒</p>
									<p><em><%=freeWalk[j].data[0].price%></em>元起</p>
								</div>
								<div class="imp_po2">
									<h3><%=freeWalk[j].data[0].title%></h3>
									<p><%=freeWalk[j].data[0].time%></p>
								</div>
							</a>
						</li>
						<%for(var i = 1,len = freeWalk[j].data.length;i < len;i++){%>
						<li class="p_w_lis">
							<a href="">
								<img src="<%=freeWalk[j].data[i].imgUrl%>">
								<div class="imp_po">
									<p>机+酒</p>
									<p><em><%=freeWalk[j].data[i].price%></em>元起</p>
								</div>
								<div class="p_w_des">
									<h3><%=freeWalk[j].data[i].title%></h3>
								</div>
							</a>
						</li>
						<%}%>
						<li class="p_w_more">
							<div>
								<a href=""><p>查看更多</p></a>
								<a href=""><p>机酒自由行产品</p></a>
								<a href=""><span></span></a>
								<p id="p_w_me">
									<a href="">机票</a>
									<a href="">酒店</a>
									<a href="">机+酒</a>
									<a href="">邮轮</a>
								</p>
							</div>
						</li>
					</ul>
					<%}%>
				</div>
			</div>
		</div>
		<!-- 城市玩乐 -->
		<div id="city_play">
			<div class="c_p_box">
				<div class="p_w_title">
					<h2>城市玩乐</h2>
					<p>像当地人一样，体验最本土的吃喝玩乐</p>
					<ul class="p_w_menu">
						<li><a href="">日本</a></li>
						<li><a href="">泰国</a></li>
						<li><a href="">港澳台</a></li>
						<li><a href="">澳大利亚</a></li>
						<li><a href="">美国</a></li>
						<li><a href="">WiFi/电话卡</a></li>
					</ul>
				</div>
				<div id="c_p_cont">
					<ul>
						<li class="c_p_imp"><a href="">
							<img src="images/c_p1.jpg">
							<div class="c_p_po">
								<p>【官方授权】日本大阪环球影城入园实体票/电子票（实体包邮）</p>
								<p>
									<span>城市玩乐</span>
									<span><em>460</em>元起</span>
								</p>
							</div>
						</a></li>
						<li class="c_p_lis">
							<img src="images/c_p2.jpg">
							<p>
								<span>日本冲绳乐游5处/12处通票</span>
								<span><em>225</em>元起</span>
							</p>
						</li>
						<li class="c_p_lis">
							<img src="images/c_p3.jpg">
							<p>
								<span>日本冲绳乐游5处/12处通票</span>
								<span><em>225</em>元起</span>
							</p>
						</li>
						<li class="c_p_lis">
							<img src="images/c_p4.jpg">
							<p>
								<span>日本冲绳乐游5处/12处通票</span>
								<span><em>225</em>元起</span>
							</p>
						</li>
						<li class="p_w_more" >
							<div>
								<a href=""><p>查看更多</p></a>
								<a href=""><p>城市玩乐产品</p></a>
								<a href=""><span></span></a>
								<p class="p_w_me" id="p_w_me2">
									<a href="">WiFi/电话卡</a>
									<a href="">交通票券</a>
									<a href="">景点门票</a>
									<a href="">特色体验</a>
								</p>
							</div>
						</li>
						<li class="c_p_lis">
							<img src="images/c_p5.jpg">
							<p>
								<span>日本冲绳乐游5处/12处通票</span>
								<span><em>225</em>元起</span>
							</p>
						</li>
						<li class="c_p_lis">
							<img src="images/c_p6.jpg">
							<p>
								<span>日本冲绳乐游5处/12处通票</span>
								<span><em>225</em>元起</span>
							</p>
						</li>
						

					</ul>
				</div>
			</div>
		</div>


	<!-- 主体推荐以下的样式 -->
	<div class="index_theme">
		<div class="theme_content">
			<div class="theme_top">
				<div class="theme_le">
					<h1>主题推荐</h1>
					<p>亲子、蜜月、个性玩法...你想要的这里都有</p>
				</div>
				<div class="theme_ri">
					<a>精品小团</a>
					<a>发现城市</a>
					<a>亲子家庭</a>
					<a>情侣蜜月</a>
					<a>血拼购物</a>
					<a>蜜月同游</a>
					<a>冒险之旅</a>
				</div>
			</div>
			<div class="theme_bottom">
				<div class="theme_drop">
					<div class="theme_zhe">
						<p class="theme_jing">精品<br>小团</p>
						<div><p><%=freeWalk[0].data[1].title%></p><span><%=freeWalk[0].data[1].price%></span><span>元起</span></div>
					</div>
					<img src="<%=freeWalk[0].data[1].imgUrl%>" class="theme_img">
				</div>
				<%for(var i = 1,len = freeWalk[0].data.length;i < len;i++){%>
				<dl>
					<dt><img src="<%=freeWalk[0].data[i].imgUrl%>"></dt>
					<dd><%=freeWalk[0].data[i].title%></dd>
					<dd><span><%=freeWalk[0].data[i].price%></span>元起</dd>
				</dl>
				<%}%>
				<div class="theme_more">
					<p>查看产品</p>
					<p>主题产品推荐</p>
					<p><img src="images/theme_more.png"></p>
					<div class="theme_small">
						<a>亲子</a>
						<a>情侣</a>
						<a>海岛游</a>
						<a>购物</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部详情介绍 -->
	<div class="index_mes">
		<div class="index_kind">
			<a>机酒自由行</a>
			<a>城市玩乐</a>
			<a>签证</a>
			<a>租车自驾</a>
			<a>游轮</a>
			<a>海岛游</a>
			<a>限时特卖</a>
			<a>特色路线</a>
			<a>CityWalk</a>
		</div>
		<div class="index_dl">
			<dl>
				<dt></dt>
				<dd>专业保证</dd>
				<dd>我们收集穷游er的真实诉求,也寻找全世界最独特的旅行目的地,让更多的穷游er轻松出行</dd>
			</dl>
			<dl>
				<dt></dt>
				<dd>多重审核</dd>
				<dd>我们收集穷游er的真实诉求,也寻找全世界最独特的旅行目的地,让更多的穷游er轻松出行</dd>
			</dl>
			<dl>
				<dt></dt>
				<dd>安心陪护</dd>
				<dd>我们收集穷游er的真实诉求,也寻找全世界最独特的旅行目的地,让更多的穷游er轻松出行</dd>
			</dl>
		</div>
	</div>
	<!-- 底部 -->
	<footer class="index_footer">
		<div class="index_ft">
			<div class="index_fole">
				<div class="fole_top">
					<img src="images/foot-logo.png">
					<p>最世界*自由行——从——从一张机票、一家酒店的订购,到一次暖心的接机服务、一张轻松融入当地的交通卡,让我们带你探索这个世界</p>
				</div>
				<div class="fole_bo">
					<div class="fole_bot">
						<a>最世界自由行</a>
						<a>服务与隐私</a>
						<a>联系我们</a>
						<a>旅游度假资质</a>
						<a>营业执照</a>
						<a>投诉建议</a>
					</div>
					<p class="fole_num">2004-2017&copy;穷游网 qyer.com All right reserved. Version v5.57 京ICP备12003524号 京公网安备1100502023470 京ICP证140673号</p>
					<div class="fole_friend">
						<span>友情链接:</span>
						<span>美术教育</span>
						<span>美国旅游</span>
						<span>房车租赁</span>
						<span>旅行工具</span>
						<span>美规车网</span>
					</div>
				</div>
			</div>
		</div>
		<div class="index_ri">
			<span>关注我们</span>
			<div class="index_rimg">
				<div><img src="images/phone.png"></div>
				<div><img src="images/wei.png"></div>
				<div><img src="images/wb.png"></div>
				<div><img src="images/xin.png"></div>
			</div>
		</div>
	</footer>
</body>
<script type="text/javascript" src="./javascripts/jquery-tab.js"></script>
<script type="text/javascript" src="./javascripts/common.js"></script>

</html>